<template>
    <div class="cell" @click="handlerClick">
        <div class="left">{{title}}</div>
        <div class="right">{{dest}}
            <span class="iconfont iconjiantou1"></span>
        </div>
    </div>
</template>

<script>
export default {
    props:{
        title:String,
        dest:String,
        to:String,
    },
    methods: {
        handlerClick(e){
            if (this.to) this.$router.push({ path: this.to });
            this.$emit('click',e)
        }
    }
}
</script>

<style lang="less" scoped>
        .cell{
            height: 50px;
            display: flex;
            align-items: center;
            justify-content:space-between;
            border-bottom: 1px solid #E4E4E4;
            margin: 0 25px;
            .left{
                font-size: 15px;
            }
            .right{
                font-size: 10px;
                color: #666;
            }
        }
</style>